<script setup lang="ts">
import Title from './Title.vue'

interface Props {
  balance?: string
}

withDefaults(defineProps<Props>(), {
  balance: '0.00'
})
</script>

<template>
  <Title>你的账户余额</Title>
  <h1 class="total">
    &yen;<span id="balance">{{ balance }}</span>
  </h1>
</template>

<style lang="scss" scoped>
.total {
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}
</style>
